.unLock {
  width: 100vw;
  height: 100vh;
  // background-color: #35383d;
  background: url('https://www4.bing.com//th?id=OHR.BradgateFallow_ZH-CN1852334581_UHD.jpg');
  color: #fff;
  .loginForm {
    position: absolute;
    top: 25%;
    left: 45%;
    .avatar {
      .img {
        margin: 0 auto;
        background-color: #dbe4fd;
        width: 90px;
        height: 90px;
        border-radius: 50%;
      }
    }

    .nickName {
      font-size: 30px;
      text-align: center;
      color: aliceblue;
      margin-bottom: 5px;
    }
    .bottom {
      margin-top: 10px;
      display: flex;
      justify-content: space-evenly;
    }
  }

  .loginBg {
    .top {
      position: absolute;
      top: 50px;
      left: 50%;
      font-size: 20px;
    }
    .timeDate {
      height: 200px;
      position: absolute;
      left: 100px;
      bottom: 50px;
      font-size: 80px;
      .date {
        font-size: 30px;
      }
    }
  }

  .hidden {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
  }
}
